import { observer } from "mobx-react-lite"
import { Path, SvgProps } from "react-native-svg"
import { useGlobalStore } from "../../mobx"
import { getColorStr } from "../../themes"
import { SvgCommon } from "./Common"

export const SvgPhone = observer((props: SvgProps) => {
    const { theme } = useGlobalStore()
    return (
        <SvgCommon {...props} isCommon>
            <Path d="M35.7321 1.9646H14.9961C12.3081 1.9646 10.1001 4.1726 10.1001 6.8606V40.3646C10.1001 43.0526 12.3081 45.2606 14.9961 45.2606H35.7801C38.4681 45.2606 40.6761 43.0526 40.6761 40.3646V6.8606C40.6281 4.1726 38.4201 1.9646 35.7321 1.9646ZM14.9961 4.7006H35.7801C36.9801 4.7006 37.9401 5.6606 37.9401 6.8606V34.2686H12.8361V6.8606C12.8361 5.6606 13.7961 4.7006 14.9961 4.7006ZM35.7321 42.5246H14.9961C13.7961 42.5246 12.8361 41.5646 12.8361 40.3646V37.0046H37.9401V40.3646C37.8921 41.5646 36.9321 42.5246 35.7321 42.5246Z" fill={getColorStr(theme, 'color_1')}/>
            <Path d="M22.532 10.6046H28.244C29.012 10.6046 29.588 9.98063 29.588 9.26063C29.588 8.54063 28.964 7.91663 28.244 7.91663H22.532C21.764 7.91663 21.188 8.54063 21.188 9.26063C21.188 9.98063 21.764 10.6046 22.532 10.6046Z" fill={getColorStr(theme, 'color_1')}/>
        </SvgCommon>
    )
})
